.root{
    border-radius: 2px;
    background: #0008;
    height:60px;
    padding: 2px 4px;
    overflow: auto;
    box-shadow:0 -1px 0 3px #0008;
    font-size: 12px;
    transition: all 0.5s;
}
.hide{
    opacity: 0.1;
}
.news{
    width:322px;
    float: left;
    line-height: 20px;
    cursor: pointer;
    margin: 0 4px;
    padding: 0 6px;
    border-radius: 2px;
}
.news:hover{
    background-color: #fff2;
}
.scrollable::-webkit-scrollbar{
    height:0px;
    width:0px;
}
.scrollable:hover::-webkit-scrollbar{
    width:2px;
}
.scrollable::-webkit-scrollbar-corner{
    height:0px;
    width:0px;
}
.scrollable::-webkit-scrollbar-thumb{
    background: #fff7;
    border-radius: 2px;
}
.scrollable::-webkit-scrollbar-thumb:hover{
    background: #fff;
}

.handler{
    width:15px;
    height:14px;
    position: absolute;
    z-index: 10000;
    padding: 1px;
    border: solid 1px #fff4;
    border-radius: 2px;
}